<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta name="author" content="viggo" />
	<title>wtab - 网址导航</title>
	<meta name="keywords" content="wtab - 网址导航">
	<meta name="description" content="wtab - 网址导航">
	<link rel="shortcut icon" href="assets/images/favicon.png">
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
	<link rel="stylesheet" href="assets/css/fonts/linecons/css/linecons.css">
	<link rel="stylesheet" href="assets/css/fonts/fontawesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="assets/css/bootstrap.css">
	<link rel="stylesheet" href="assets/css/xenon-core.css">
	<link rel="stylesheet" href="assets/css/xenon-components.css">
	<link rel="stylesheet" href="assets/css/xenon-skins.css">
	<link rel="stylesheet" href="assets/css/nav.css">
	<script src="assets/js/jquery-1.11.1.min.js"></script>
</head>

<body>
<!-- skin-white -->
<div class="page-container">
    <div class="sidebar-menu toggle-others fixed">
        <div class="sidebar-menu-inner">
            <header class="logo-env">
                <!-- logo -->
                <div class="logo">
                    <a href="index.html" class="logo-expanded">
                        <img src="assets/images/logo@2x.png" width="100%" alt="" />
                    </a>
                    <a href="index.html" class="logo-collapsed">
                        <img src="assets/images/logo-collapsed@2x.png" width="40" alt="" />
                    </a>
                </div>
                <div class="mobile-menu-toggle visible-xs">
                    <!--手机版设置 <a href="#" data-toggle="user-info-menu">
                        <i class="linecons-cog"></i>
                    </a> -->
                    <a href="#" data-toggle="mobile-menu">
                        <i class="fa-bars"></i>
                    </a>
                </div>
            </header>
            <ul id="main-menu" class="main-menu">
                <li>
                    <a href="#常用推荐" class="smooth">
                        <i class="linecons-star"></i>
                        <span class="title">常用推荐</span>
                    </a>
                </li>
                <li>
                    <a>
                        <i class="linecons-lightbulb"></i>
                        <span class="title">办公助手</span>
                    </a>
                    <ul>
                        <li>
                            <a href="#电子邮箱" class="smooth">
                                <span class="title">电子邮箱</span>
                                <span class="label label-pink pull-right hidden-collapsed">Email</span>
                            </a>
                        </li>
                        <li>
                            <a href="#网盘分享" class="smooth">
                                <span class="title">网盘分享</span>
                            </a>
                        </li>
                        <li>
                            <a href="#实用软件" class="smooth">
                                <span class="title">实用软件</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <!-- <li>
                    <a>
                        <i class="linecons-thumbs-up"></i>
                        <span class="title">素材资源</span>
                    </a>
                    <ul>
                        <li>
                            <a href="#图标素材" class="smooth">
                                <span class="title">图标素材</span>
                            </a>
                        </li>
                        <li>
                            <a href="#LOGO设计" class="smooth">
                                <span class="title">LOGO设计</span>
                            </a>
                        </li>
                        <li>
                            <a href="#平面素材" class="smooth">
                                <span class="title">平面素材</span>
                            </a>
                        </li>
                        <li>
                            <a href="#UI资源" class="smooth">
                                <span class="title">UI资源</span>
                            </a>
                        </li>
                        <li>
                            <a href="#Sketch资源" class="smooth">
                                <span class="title">Sketch资源</span>
                            </a>
                        </li>
                        <li>
                            <a href="#字体资源" class="smooth">
                                <span class="title">字体资源</span>
                            </a>
                        </li>
                        <li>
                            <a href="#Mockup" class="smooth">
                                <span class="title">Mockup</span>
                            </a>
                        </li>
                        <li>
                            <a href="#摄影图库" class="smooth">
                                <span class="title">摄影图库</span>
                            </a>
                        </li>
                        <li>
                            <a href="#PPT资源" class="smooth">
                                <span class="title">PPT资源</span>
                            </a>
                        </li>
                    </ul>
                </li> -->
                <li>
                    <a>
                        <i class="linecons-diamond"></i>
                        <span class="title">常用工具</span>
                    </a>
                    <ul>
                        <!-- <li>
                            <a href="#图形创意" class="smooth">
                                <span class="title">图形创意</span>
                            </a>
                        </li>
                        <li>
                            <a href="#界面设计" class="smooth">
                                <span class="title">界面设计</span>
                            </a>
                        </li>
                        <li>
                            <a href="#交互动效" class="smooth">
                                <span class="title">交互动效</span>
                            </a>
                        </li>
                        <li>
                            <a href="#在线配色" class="smooth">
                                <span class="title">在线配色</span>
                            </a>
                        </li> -->
                        <li>
                            <a href="#在线工具" class="smooth">
                                <span class="title">在线工具</span>
                            </a>
                        </li>
                        <!-- <li>
                            <a href="#Sketch插件" class="smooth">
                                <span class="title">Sketch插件</span>
                            </a>
                        </li>
                        <li>
                            <a href="#Chrome插件" class="smooth">
                                <span class="title">Chrome插件</span>
                            </a>
                        </li>
                        <li>
                            <a href="#H5制作" class="smooth">
                                <span class="title">H5制作</span>
                            </a>
                        </li> -->
                    </ul>
                </li>
                <!-- <li>
                    <a>
                        <i class="linecons-pencil"></i>
                        <span class="title">学习教程</span>
                    </a>
                    <ul>
                        <li>
                            <a href="#设计规范" class="smooth">
                                <span class="title">设计规范</span>
                            </a>
                        </li>
                        <li>
                            <a href="#视频教程" class="smooth">
                                <span class="title">视频教程</span>
                            </a>
                        </li>
                        <li>
                            <a href="#设计文章" class="smooth">
                                <span class="title">设计文章</span>
                            </a>
                        </li>
                        <li>
                            <a href="#设计电台" class="smooth">
                                <span class="title">设计电台</span>
                            </a>
                        </li>
                        <li>
                            <a href="#交互设计" class="smooth">
                                <span class="title">交互设计</span>
                                <span class="label label-pink pull-right hidden-collapsed">Hot</span>
                            </a>
                        </li>
                    </ul>
                </li> -->
                <li>
                    <a href="#法律文库" class="smooth">
                        <i class="linecons-user"></i>
                        <span class="title">法律文库</span>
                    </a>
                </li>
                <!-- <li>
                    <a href="about.html">
                        <i class="linecons-heart"></i>
                        <span class="tooltip-blue">关于本站</span>
                        <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
                    </a>
                </li> -->
                <!-- <div class="submit-tag">
                    <a href="about.html">
                        <i class="linecons-heart"></i>
                        <span class="tooltip-blue">关于本站</span>
                        <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
                    </a>
                </div> -->
            </ul>
        </div>
    </div>
    <div class="main-content">
        <nav class="navbar user-info-navbar" role="navigation">
            <!-- User Info, Notifications and Menu Bar -->
            <!-- Left links for user info navbar -->
            <ul class="user-info-menu left-links list-inline list-unstyled">
                <li class="hidden-sm hidden-xs">
                    <a href="#" data-toggle="sidebar">
                        <i class="fa-bars"></i>
                    </a>
                </li>
                <!--手机设置 <li class="dropdown hover-line language-switcher">
                    <a href="../cn/index.html" class="dropdown-toggle" data-toggle="dropdown">
                        <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
                    </a>
                    <ul class="dropdown-menu languages">
                        <li>
                            <a href="../en/index.html">
                                <img src="../assets/images/flags/flag-us.png" alt="flag-us" /> English
                            </a>
                        </li>
                        <li class="active">
                            <a href="../cn/index.html">
                                <img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
                            </a>
                        </li>
                    </ul>
                </li> -->
            </ul>
            <ul class="user-info-menu right-links list-inline list-unstyled">
                <li class="hidden-sm hidden-xs">
                    <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank">
                        <i class="fa-github"></i>  GitHub
                    </a>
                </li>
            </ul>
            <!-- <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a> -->

        </nav>
        <!-- 常用推荐 -->
        <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="常用推荐"></i>常用推荐</h4>
        <div class="row">
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.weiyun.com/document?fileId=1599278188_6c0c535ff0a739ae12b58dcd423dce4a_cfcc78b9-ec81-4ae5-b8c1-17bc26b95dc8&officeType=pdf&tdsourcetag=s_weiyun_file', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="分享更私密，文件到期真正无痕迹。">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://send.ioiox.com/icon.fd04d81a.svg" class="lozad img-circle" width="40">
                        </a>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>高中语文书</strong>
                            </a>
                            <p class="overflowClip_2">高中必修上册</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://filehelper.weixin.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://filehelper.weixin.qq.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://res.wx.qq.com/t/fed_upload/5b551698-63f4-4f29-b9a2-cc3d6804686b/app-icon-192x192.png" class="lozad img-circle" width="40">
                        </a>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>微信文件传输助手</strong>
                            </a>
                            <p class="overflowClip_2">手机电脑轻松互传文件。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://naotu.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="控制创意，如此简单。">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://naotu.baidu.com/favicon.ico" class="lozad img-circle" width="40">
                        </a>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>百度脑图</strong>
                            </a>
                            <p class="overflowClip_2">控制创意，如此简单。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mp2.bookln.cn/c/5m3/120U4D68029.q?sh=sh&vt_=1709081215262&share_=125272237', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.aconvert.com/cn/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://www.aconvert.com/favicon.ico" class="lozad img-circle" width="40">
                        </a>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>爱德少儿</strong>
                            </a>
                            <p class="overflowClip_2">电子书</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- <div class="row">
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pinterest.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pinterest.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="../assets/images/logos/pinterest.png" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>Pinterest</strong>
                            </a>
                            <p class="overflowClip_2">全球美图收藏采集站</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://huaban.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://huaban.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="../assets/images/logos/huaban.png" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>花瓣</strong>
                            </a>
                            <p class="overflowClip_2">收集灵感,保存有用的素材</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://medium.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://medium.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="../assets/images/logos/medium.png" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>Medium</strong>
                            </a>
                            <p class="overflowClip_2">高质量设计文章</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.uisdc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uisdc.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="../assets/images/logos/uisdc.png" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>优设</strong>
                            </a>
                            <p class="overflowClip_2">设计师交流学习平台</p>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <br />
        <!-- END 常用推荐 -->
        <!-- 电子邮箱 -->
        <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="电子邮箱"></i>电子邮箱</h4>
        <div class="row">
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://wx.mail.qq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://wx.mail.qq.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://pp.myapp.com/ma_icon/0/icon_1129680_1666952528/256" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>QQ 邮箱（新版）</strong>
                            </a>
                            <p class="overflowClip_2">QQ邮箱，常联系！</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.88.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.88.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://pp.myapp.com/ma_icon/0/icon_54065072_1663142467/256" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>88 完美邮箱</strong>
                            </a>
                            <p class="overflowClip_2">专注商务沟通的办公邮箱。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END 电子邮箱 -->
        <!-- 网盘分享 -->
        <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="网盘分享"></i>网盘分享</h4>
        <div class="row">
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.weiyun.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.weiyun.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://img.weiyun.com/vipstyle/nr/box/img/favicon.ico" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>腾讯微云</strong>
                            </a>
                            <p class="overflowClip_2">多端查看、下载分享文件，便捷的文件管理，多种格式文件在线预览。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pc.woozooo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pc.woozooo.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://pc.woozooo.com/favicon.ico" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>蓝奏云</strong>
                            </a>
                            <p class="overflowClip_2">下载无任何限制，无验证码等影响用户体验限制。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.aliyundrive.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.aliyundrive.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://img.alicdn.com/imgextra/i2/O1CN01DOYcs71v3B6bOemVM_!!6000000006116-2-tps-512-512.png" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>阿里云盘</strong>
                            </a>
                            <p class="overflowClip_2">速度快、不打扰、够安全、易于分享的网盘，你可以在这里存储、管理和探索内容，尽情打造丰富的数字世界。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pan.baidu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pan.baidu.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://nd-static.bdstatic.com/m-static/wp-brand/favicon.ico" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>百度网盘</strong>
                            </a>
                            <p class="overflowClip_2">记录每一份热爱，让美好永远陪伴。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <br />
        <!-- END 网盘分享 -->
        <!-- 实用软件 -->
        <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="实用软件"></i>实用软件</h4>
        <div class="row">
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://geekuninstaller.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://geekuninstaller.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://geekuninstaller.com/favicon.ico" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>GEEK UNINSTALLER</strong>
                            </a>
                            <p class="overflowClip_2">高效、干净、快速卸载PC应用。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://rime.im/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://rime.im/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://rime.im/favicon.png" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>RIME | 中州韵输入法</strong>
                            </a>
                            <p class="overflowClip_2">RIME开源输入法，聪明的输入法。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://wwb.lanzoue.com/iO2L80faxphg', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://wwb.lanzoue.com/iO2L80faxphg">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://www.xfyun.cn/favicon.ico" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>文字转语音</strong>
                            </a>
                            <p class="overflowClip_2">合成声音和真人差不多</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- <div class="row">
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://rime.im/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://rime.im/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://rime.im/favicon.ico" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>RIME|中州韵输入法</strong>
                            </a>
                            <p class="overflowClip_2">RIME开源输入法</p>
                        </div>
                    </div>
                </div>
            </div>
        </div> -->
        <br />
        <!-- END 实用软件 -->
        <!-- 在线工具 -->
        <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线工具"></i>在线工具</h4>
        <div class="row">
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ps.gaoding.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ps.gaoding.com/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://www.adobe.com/content/dam/acom/one-console/icons_rebrand/ps_appicon.svg" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>Photoshop 网页版</strong>
                            </a>
                            <p class="overflowClip_2">随时随地，高效创作。</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END 在线工具 -->
        <!-- 法律文库 -->
        <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="法律文库"></i>法律文库</h4>
        <div class="row">
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://cont.12315.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://cont.12315.cn/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://cont.12315.cn/favicon.ico" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>合同范本</strong>
                            </a>
                            <p class="overflowClip_2">国家市场监督管理总局合同示范文本库。</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-3">
                <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.justlaws.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.justlaws.cn/">
                    <div class="xe-comment-entry">
                        <a class="xe-user-img">
                            <img data-src="https://www.justlaws.cn/images/logo.png" class="lozad img-circle" width="40">
                        </a>
                        <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                        <div class="xe-comment">
                            <a href="#" class="xe-user-name overflowClip_1">
                                <strong>中华人民共和国法律文库</strong>
                            </a>
                            <p class="overflowClip_2">一个简洁且便捷的中华人民共和国法律文库</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- END 法律文库 -->
        <footer class="main-footer sticky footer-type-1">
            <div class="footer-inner">
                <!-- Add your copyright text here -->
                <div class="footer-text">
                    &copy; 2021-2024
                    <!-- <a href="../cn/about.html"> --><strong>WebStack</strong></a> design by <a href="https://www.viggoz.com" target="_blank"><strong>Viggo</strong></a>
                    <!--  - Purchase for only <strong>23$</strong> -->
                </div>
                <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
                <div class="go-up">
                    <a href="#" rel="go-top">
                        <i class="fa-angle-up"></i>
                    </a>
                </div>
            </div>
        </footer>
    </div>
</div>

<!-- 锚点平滑移动 -->
    <script type="text/javascript">
    $(document).ready(function() {
         //img lazy loaded
            const observer = lozad();
            observer.observe();

        $(document).on('click', '.has-sub', function(){
            var _this = $(this)
            if(!$(this).hasClass('expanded')) {
                setTimeout(function(){
                    _this.find('ul').attr("style","")
                }, 300);

            } else {
                $('.has-sub ul').each(function(id,ele){
                    var _that = $(this)
                    if(_this.find('ul')[0] != ele) {
                        setTimeout(function(){
                            _that.attr("style","")
                        }, 300);
                    }
                })
            }
        })
        $('.user-info-menu .hidden-sm').click(function(){
            if($('.sidebar-menu').hasClass('collapsed')) {
                $('.has-sub.expanded > ul').attr("style","")
            } else {
                $('.has-sub.expanded > ul').show()
            }
        })
        $("#main-menu li ul li").click(function() {
            $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
            $(this).addClass('active'); // 添加当前元素的样式
        });
        $("a.smooth").click(function(ev) {
            ev.preventDefault();

            public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
            ps_destroy();
            $("html, body").animate({
                scrollTop: $($(this).attr("href")).offset().top - 30
            }, {
                duration: 500,
                easing: "swing"
            });
        });
        return false;
    });

    var href = "";
    var pos = 0;
    $("a.smooth").click(function(e) {
        $("#main-menu li").each(function() {
            $(this).removeClass("active");
        });
        $(this).parent("li").addClass("active");
        e.preventDefault();
        href = $(this).attr("href");
        pos = $(href).position().top - 30;
    });
    </script>
    <!-- Bottom Scripts -->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/TweenMax.min.js"></script>
    <script src="assets/js/resizeable.js"></script>
    <script src="assets/js/joinable.js"></script>
    <script src="assets/js/xenon-api.js"></script>
    <script src="assets/js/xenon-toggles.js"></script>
    <!-- JavaScripts initializations and stuff -->
    <script src="assets/js/xenon-custom.js"></script>
    <script src="assets/js/lozad.js"></script>
</body>
</html>